@charset "utf-8";
@import "_reset.scss";
@import "index_loaded.scss";
@import "index_register.scss";
@import "index_search.scss";
$fontSize:100;
@function r($p){
    @return $p/$fontSize*1rem;
}
html{
    font-size: $fontSize*1px;}
body{
    font-size: 14px;}  
html,body{width: 100%;
    height: 100%;
    overflow: hidden;}
*{
    margin: 0;
    padding: 0;
    list-style: none;}
a{text-decoration: none;}
.web{width: 100%;
    height: 100%;
    position: relative;}
//弹出立即登陆
.web_mune{
    position: absolute;
    top: 0;
    z-index: 1000;
    overflow: auto;
}
.web_muneA{left: -100%;}
.web_muneB{
    background: #1e1e1e;
    z-index: 1000;
    display: none;}
.web_boxbaba{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #1e1e1e;
    display: none;
}
.web_search{
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    right: -100%;
}

//--复写一次
//退出按钮
    .searchback{color: white;}
    .footer1_out{
        text-align: center;
        margin-top: r(86);
        
        >button{
            width: r(150);
            height: r(53);
            border-radius: r(10);
            background: #b60005;
            color: white;
            letter-spacing: 1px;
            margin: 0 r(10);}
    }
    
//头部-------------------
.header{
    width: 100%;
    background: #b20000;
    //省广 红底白字
    .H_top{
        width: 100%;
        height: r(90);
        position: relative;
        >div{display: inline-block;
            position: absolute;
            img{width: 100%;}
        }
        .menu{
            top: 50%;
            transform:  translateY(-50%);
            width: r(30);
            left: r(23);}
        .logo_1st{
            width: r(264);
            top: 50%;
            left: 50%;
            transform:  translate(-50%,-50%);}
        .search{
            top:50%;
            transform:  translateY(-50%);
            width: r(42);
            right: r(17);}
    }
}
    //省广股份 阿里妈妈
    .H_mid{
        width: 100%;
        height: r(50);
        background: white;
        >ul{
            height: 100%;
            margin-left: r(26);
            display: flex;
            align-items: center;
            >li:nth-child(1){width: r(126);}
            >li:nth-child(2){
                width: 1px;
                height: r(22);
                background: #e6e6e6;
                margin: 0 r(8);}
            >li:nth-child(3){width: r(65);}
            >li>img{width: 100%;}
        }
    }
    //将原来放在头部 现放在中部  SCSS也单独一{}
    //图片背景部分
    .H_btm{
        width: 100%;
        height: r(306);
        background: url(../img/DT.png);
        background-size: 100%;
        position: relative;
        //透明黑色部分
        .H_btm_black{
            width: 100%;
            height: r(104);
            background: black;
            opacity: .6;
            position: absolute;
            bottom: 0;
            color: white;
            //包裹标题&图标功能区的盒子
            >div{
                width: r(586);
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                //标题
//              >p{font-size: 18px;}
                //图标功能区
                >ul{
                    margin-top: r(20);
//                  font-size: 16px;
                    display: flex;
                    justify-content: space-between;
                >li:nth-child(3){
                    flex-grow: 2;
                    text-align: center;}
                }
                .icon-yuan{font-size: 10px!important;
                        margin:0 r(4);}
            }
        }    
    }

//中部
.content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: r(96);
    overflow: auto;
}

//底部
.footer{
    width: 100%;
    position: absolute;
    height: r(96);
    bottom: 0;
    .F_nav{
        width: 100%;
        height: r(96);
        background: #f5f5f5;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-top: 1px solid #8b8b8b;
        >li{
            width: r(128);
            text-align: center;
            position: relative;
            a{color: #8b8b8b;}
            a>div{
                width: r(50);
                height: r(45);
                margin: 0 auto;
                >img{width: 100%;
                    height: 100%;}
            }
        }
        >li:not(:last-of-type)::after{
            content: "";
            width: r(1);
            height: r(51);
            background: #8b8b8b;
            position: absolute;
            right: 0;
            top:r(10);
            }
        
    }
}
